/***1 异步请求页头和页尾***/
//1 验证是否登陆
var loginName=sessionStorage.getItem('loginName');

$('#top').load('data/top.php',function(){
    if(loginName){
        $('#login').parent().html('您好，欢迎回来'+loginName);
    }else{//没登陆过
        $('.modal').css('display','block');
    }
});




/***2 异步请求当前登录用户的购物车内容***/
$.getJSON('data/4_cart_detail.php',{'uname':loginName}, function(arr){
    var html = '';
    $.each(arr, function(i,p){
        //console.log('发起请求啦');
        //console.log(p);
        var pc=((p.price)*(p.count)).toFixed(2);

        html += `
      <tr>
        <td>
            <input type="checkbox"/>
            <input type="hidden" name="did" value="${p.did}" />
            <div><img src="${p.pic}" alt=""/></div>
        </td>
        <td><a href="">${p.pname}</a></td>
        <td>￥${p.price}</td>
        <td>
            <button class="minus" data-did="${p.did}">-</button><input type="text" value="${p.count}"/><button class="plus" data-did="${p.did}">+</button>
        </td>
        <td><span>${pc}</span></td>
        <td><a href="${p.did}">删除</a></td>
      </tr>
    `;
    })
    $('#cart tbody').html(html);
})

/***3 点击+和-按钮修改购物车中的内容***/
//必须使用事件代理
$('#cart').on('click','.plus', function(){
    var count = $(this).prev().val();
    count++;
    $(this).prev().val(count);
    var did = $(this).data('did');
    ////异步请求，把更改后的数量提交给服务器
   $.post('data/4_cart_update.php',{'count':count, 'did':did}, function(txt){
        console.log('服务器返回的修改结果：'+txt);
    });
    var price=parseFloat($(this).parent().prev().text().slice(1,length-1));
    var pc=((price)*(count)).toFixed(2);
    $(this).parent().next().children().html(pc);

})
$('#cart').on('click','.minus', function(){
    var count = $(this).next().val();
    if(count>1) {
        count--;
    }

    $(this).next().val(count);
    var did = $(this).data('did');
    ////异步请求，把更改后的数量提交给服务器
    $.post('data/4_cart_update.php',{'count':count, 'did':did}, function(txt){
        console.log('服务器返回的修改结果：'+txt);

    });
    var price=$(this).parent().prev().text().slice(1,length-1);
    var pc=(price*count).toFixed(2);
    $(this).parent().next().children().html(pc);

});

